.introjs-helperLayer{
  overflow: hidden;
  width: 0 !important;
  left: 0 !important;
}
.introjs-tooltipReferenceLayer{
  width: auto !important;
  height: auto !important; 
}
.introjs-disableInteraction{
  margin: -5px 0px 0px -5px;
}
.introjs-tooltip-title{
  font-size: 20px;
}
.introjs-tooltiptext{
  font-size: 14px;
}

.introjs-button {
  padding: .4rem 1rem;
  border: none;
  text-decoration: none;
  text-shadow: none;
  font-size: 14px;
  color: #ffffff;
  background-color: #42ba7a;
  border-radius: 20px;
  font-family:Microsoft YaHei;
}
.introjs-button:hover {
  text-decoration: none;
  border-color: #42ba7a;
  background-color: #42ba7a;
  color: #ffffff;
}
.introjs-button:focus {
  text-decoration: none;
  background-color: #42ba7a;
  box-shadow: none;
  border: none;
  color:#ffffff;
}
.introjs-button:active {
  text-decoration: none;
  background-color: #42ba7a;
  color: #ffffff;
} 
.savebtnTip{
  left: -130px !important;
}
.savebtnTip .introjs-arrow.top-middle{
  left: 78%;
}
.centreTip .left{
 background: none;
 border: none;
 width: 0;
 height: 0;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-right: 10px solid #fff;
}
.leftBody  .left ,.centreTip  .left , .leftRectangle .left{
  background: none;
  border: none;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #fff;
 }

.infoTip{
  left:-260px;
}
.centreTip {
  left:-260px;
 }
.infoTip .right,.centreTip  .right{
  background: none;
   border: none;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 20px solid #fff; 
 }

